<!DOCTYPE html>
<html>
<head>
<title>demo1.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<link rel="stylesheet" type="text/css" href="../css/jquery_ValidationForm.css">
</head>
<body>
	<div class="center">
		<h3>DEMO 1</h3>
		<br>
		<form action="submit.html" method="post">
			<div>
				number:
				<input name="number" datatype="number" required="required" />
			</div>
			<div>
				email:
				<input type="email" name="email" placeholder="Your email here!" />
			</div>
			<div>
				datetime:
				<input type="datetime" name="datetime" />
			</div>
			<div>
				range:
				<input type="range" name="range" min="10" max="50" />
			</div>
			<div>
				check1:
				<input type="checkbox" name="check1" required="required" />
			</div>
			<div>
				radio:
				<input type="radio" name="radio1" required="required" value="true" />
				TRUE
				<input type="radio" name="radio1" required="required" value="false" />
				FALSE
			</div>
			<div>
				select:
				<select name="select1" class="required" requiredmessage="Not select!">
					<option value="-1" class="nullvalue">--please select--</option>
					<option value="1">option1</option>
					<option value="2">option2</option>
					<option value="3">option3</option>
				</select>
			</div>
			<div>
				<input type="submit" value="submit" />
			</div>
		</form>
	</div>
</body>
</html>
